<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <style>
    body {
      width: 300px;
      padding: 20px;
      font-family: Arial, sans-serif;
    }
    #image-input {
      margin-bottom: 10px;
      width: 100%;
    }
    #result {
      margin-top: 10px;
      font-weight: bold;
      text-align: center;
    }
    #preview {
      max-width: 100%;
      max-height: 200px;
      display: none;
      margin: 10px auto;
    }
    #canvas {
      max-width: 100%;
      display: none;
    }
  </style>
</head>
<body>
  <h3>人脸检测器</h3>
  <input type="file" id="image-input" accept="image/*">
  <canvas id="canvas"></canvas>
  <img id="preview" alt="预览">
  <div id="result">请选择一张图片</div>
  <script src="js/tracking-min.js"></script>
  <script src="js/face-min.js"></script>
  <script src="popup.js"></script>
</body>
</html>